﻿<!DOCTYPE html>
<html>
  <head>
    <title>通讯录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="data/apple-touch-icon.png" rel="apple-touch-icon"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/通讯录/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/通讯录/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 内容框架 (Dynamic Panel) -->
      <div id="u8896" class="ax_default" data-label="内容框架">
        <div id="u8896_state0" class="panel_state" data-label="默认列表" style="">
          <div id="u8896_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8897" class="ax_default _默认样式">
              <div id="u8897_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8898" class="text">
                <p><span>A</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8899" class="ax_default _默认样式">
              <div id="u8899_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8900" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">埃米</span></p><p style="font-size:12px;"><span style="color:#C9C9C9;">Amy</span><span style="color:#999999;"> </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8901" class="ax_default _默认样式">
              <div id="u8901_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8902" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">贝蒂</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Betty</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8903" class="ax_default _默认样式">
              <div id="u8903_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8904" class="text">
                <p><span>B</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8905" class="ax_default _默认样式">
              <div id="u8905_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8906" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">安琪拉</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Angela</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8907" class="ax_default _默认样式">
              <div id="u8907_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8908" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">布莱恩</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Brian </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8909" class="ax_default _默认样式">
              <div id="u8909_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8910" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">艾丽丝</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Alice</span><span style="color:#999999;"> </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8911" class="ax_default _默认样式">
              <div id="u8911_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8912" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">巴巴拉</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Barbara </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8913" class="ax_default _默认样式">
              <div id="u8913_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8914" class="text">
                <p><span>C</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8915" class="ax_default _默认样式">
              <div id="u8915_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8916" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">克里丝塔</span></p><p style="font-size:12px;"><span style="color:#C9C9C9;">Crystal</span><span style="color:#999999;">&nbsp; &nbsp;&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8917" class="ax_default _默认样式">
              <div id="u8917_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8918" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">戴维</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">David&nbsp; &nbsp;&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8919" class="ax_default _默认样式">
              <div id="u8919_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8920" class="text">
                <p><span>D</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8921" class="ax_default _默认样式">
              <div id="u8921_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8922" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">查尔斯</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Charles&nbsp; &nbsp;&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8923" class="ax_default _默认样式">
              <div id="u8923_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8924" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">丹尼尔</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Daniel&nbsp; &nbsp;&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8925" class="ax_default _默认样式">
              <div id="u8925_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8926" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">克里丝</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Chris</span><span style="color:#999999;">&nbsp; &nbsp;&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8927" class="ax_default _默认样式">
              <div id="u8927_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8928" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">戴安娜</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Diana&nbsp; &nbsp;&nbsp; </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8929" class="ax_default _默认样式">
              <div id="u8929_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8930" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8931" class="ax_default _默认样式">
              <div id="u8931_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8932" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8933" class="ax_default _默认样式">
              <div id="u8933_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8934" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8935" class="ax_default _默认样式">
              <div id="u8935_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8936" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8937" class="ax_default _默认样式">
              <div id="u8937_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8938" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8939" class="ax_default _默认样式">
              <div id="u8939_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8940" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8941" class="ax_default _默认样式">
              <div id="u8941_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8942" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8943" class="ax_default _默认样式">
              <div id="u8943_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8944" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8945" class="ax_default _默认样式">
              <div id="u8945_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8946" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8947" class="ax_default _默认样式">
              <div id="u8947_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8948" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8949" class="ax_default _默认样式">
              <div id="u8949_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8950" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8951" class="ax_default _默认样式">
              <div id="u8951_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u8952" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u8953" class="ax_default" data-left="330" data-top="20" data-width="25" data-height="575">

              <!-- Unnamed (Ellipse) -->
              <div id="u8954" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8954_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8955" class="text">
                  <p><span>B</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8956" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8956_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8957" class="text">
                  <p><span>C</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8958" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8958_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8959" class="text">
                  <p><span>D</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8960" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8960_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8961" class="text">
                  <p><span>E</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8962" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8962_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8963" class="text">
                  <p><span>F</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8964" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8964_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8965" class="text">
                  <p><span>G</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8966" class="ax_default _默认样式 selected" selectiongroup="字母指示器-3">
                <img id="u8966_img" class="img " src="images/通讯录/u8954_selected.png"/>
                <!-- Unnamed () -->
                <div id="u8967" class="text">
                  <p><span>A</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8968" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8968_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8969" class="text">
                  <p><span>J</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8970" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8970_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8971" class="text">
                  <p><span>K</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8972" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8972_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8973" class="text">
                  <p><span>L</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8974" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8974_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8975" class="text">
                  <p><span>M</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8976" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8976_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8977" class="text">
                  <p><span>N</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8978" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8978_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8979" class="text">
                  <p><span>P</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8980" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8980_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8981" class="text">
                  <p><span>H</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8982" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8982_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8983" class="text">
                  <p><span>R</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8984" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8984_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8985" class="text">
                  <p><span>S</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8986" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8986_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8987" class="text">
                  <p><span>T</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8988" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8988_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8989" class="text">
                  <p><span>W</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8990" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8990_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8991" class="text">
                  <p><span>X</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8992" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8992_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8993" class="text">
                  <p><span>Y</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8994" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8994_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8995" class="text">
                  <p><span>Q</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8996" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8996_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8997" class="text">
                  <p><span>Z</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u8998" class="ax_default _默认样式" selectiongroup="字母指示器-3">
                <img id="u8998_img" class="img " src="images/通讯录/u8954.png"/>
                <!-- Unnamed () -->
                <div id="u8999" class="text">
                  <p><span>#</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u8896_state1" class="panel_state" data-label="结果列表" style="visibility: hidden;">
          <div id="u8896_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9000" class="ax_default _默认样式">
              <div id="u9000_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9001" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">埃米</span></p><p style="font-size:12px;"><span style="color:#C9C9C9;">Amy</span><span style="color:#999999;"> </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9002" class="ax_default _默认样式">
              <div id="u9002_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9003" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">安琪拉</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Angela</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9004" class="ax_default _默认样式">
              <div id="u9004_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9005" class="text">
                <p style="font-size:14px;"><span style="color:#999999;">艾丽丝</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Alice</span><span style="color:#999999;"> </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9006" class="ax_default _默认样式">
              <div id="u9006_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9007" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9008" class="ax_default _默认样式">
              <div id="u9008_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9009" class="text">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9010" class="ax_default _默认样式">
              <div id="u9010_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9011" class="text">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u8896_state2" class="panel_state" data-label="空列表" style="visibility: hidden;">
          <div id="u8896_state2_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 导航栏 (Dynamic Panel) -->
      <div id="u9012" class="ax_default" data-label="导航栏">
        <div id="u9012_state0" class="panel_state" data-label="State1" style="">
          <div id="u9012_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9013" class="ax_default _默认样式">
              <div id="u9013_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9014" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u9015" class="ax_default" data-left="0" data-top="44" data-width="375" data-height="40">

              <!-- Unnamed (Rectangle) -->
              <div id="u9016" class="ax_default _默认样式">
                <div id="u9016_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u9017" class="text">
                  <p><span>通讯录</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (状态栏-IphoneX) -->

            <!-- Unnamed (Image) -->
            <div id="u9019" class="ax_default _默认样式">
              <img id="u9019_img" class="img " src="images/启动页和引导页/u8457.png"/>
              <!-- Unnamed () -->
              <div id="u9020" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9021" class="ax_default _默认样式">
              <div id="u9021_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9022" class="text">
                <p><span style="font-family:'FontAwesome';"> </span><span style="font-family:'微软雅黑';">返回</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (IPhone X Black) -->

      <!-- Unnamed (统计代码) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u9025" class="ax_default paragraph1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u9025_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9026" class="text">
          <p><span>彩蛋:-) </span></p><p><span>created by:yuanrui@live.cn</span></p><p><span>created at:2024-03-21</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9027" class="ax_default" data-left="0" data-top="0" data-width="433" data-height="886">

        <!-- Unnamed (Rectangle) -->
        <div id="u9028" class="ax_default _默认样式">
          <div id="u9028_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u9029" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9030" class="ax_default _默认样式">
          <img id="u9030_img" class="img " src="images/启动页和引导页/u8466.png"/>
          <!-- Unnamed () -->
          <div id="u9031" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9032" class="ax_default _默认样式">
          <img id="u9032_img" class="img " src="images/启动页和引导页/u8468.png"/>
          <!-- Unnamed () -->
          <div id="u9033" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9034" class="ax_default _默认样式">
          <img id="u9034_img" class="img " src="images/启动页和引导页/u8470.png"/>
          <!-- Unnamed () -->
          <div id="u9035" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9036" class="ax_default _默认样式">
          <img id="u9036_img" class="img " src="images/启动页和引导页/u8472.png"/>
          <!-- Unnamed () -->
          <div id="u9037" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 搜索栏 (Dynamic Panel) -->
      <div id="u9038" class="ax_default" data-label="搜索栏">
        <div id="u9038_state0" class="panel_state" data-label="默认状态" style="">
          <div id="u9038_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9039" class="ax_default _默认样式">
              <div id="u9039_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9040" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9041" class="ax_default _默认样式">
              <div id="u9041_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9042" class="text">
                <p><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑';"> 搜索</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u9038_state1" class="panel_state" data-label="激活状态" style="visibility: hidden;">
          <div id="u9038_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u9043" class="ax_default _默认样式">
              <div id="u9043_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9044" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9045" class="ax_default _默认样式">
              <div id="u9045_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9046" class="text">
                <p><span style="font-family:'FontAwesome';"></span><span style="font-family:'微软雅黑';"> </span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u9047" class="ax_default _默认样式">
              <div id="u9047_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u9048" class="text">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u9049" class="ax_default" data-left="49" data-top="10" data-width="216" data-height="35">

              <!-- 输入框 (Text Field) -->
              <div id="u9050" class="ax_default _默认样式" data-label="输入框">
                <input id="u9050_input" type="text" value="A" maxlength="20"/>
              </div>

              <!-- 清除 (Rectangle) -->
              <div id="u9051" class="ax_default _默认样式 ax_default_hidden" data-label="清除" style="display:none; visibility: hidden">
                <div id="u9051_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u9052" class="text">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (标签栏-IphoneX) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u9054" class="ax_default _默认样式">
        <div id="u9054_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9055" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9056" class="ax_default _默认样式">
        <div id="u9056_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9057" class="text">
          <p style="font-size:24px;"><span style="font-family:'FontAwesome';"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';">首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9058" class="ax_default _默认样式">
        <div id="u9058_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9059" class="text">
          <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';">流程</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9060" class="ax_default _默认样式">
        <div id="u9060_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9061" class="text">
          <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';">通讯录</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9062" class="ax_default _默认样式">
        <div id="u9062_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9063" class="text">
          <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';">我的</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9064" class="ax_default" data-left="150" data-top="0" data-width="75" data-height="60">

        <!-- Unnamed (Rectangle) -->
        <div id="u9065" class="ax_default _默认样式">
          <div id="u9065_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u9066" class="text">
            <p style="font-size:20px;"><span style="font-family:'FontAwesome';"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';">聊天</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9067" class="ax_default _默认样式">
          <div id="u9067_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u9068" class="text">
            <p><span>10</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9069" class="ax_default _默认样式">
        <div id="u9069_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9070" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
